<%@ include file="common/taglibs.jsp"%>
<%@ page language="java" errorPage="/error.jsp" pageEncoding="UTF-8"
	contentType="text/html;charset=utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>58同城 - 中国第一分类信息网站|免费发布信息</title>
		<meta name="keywords" content="分类信息,免费发布信息" />

		<meta name="description" content=" " />

		<style type="text/css">
body {
	text-align: center;
	font-size: 14px;
	font-family: Arial, "宋体", sans-serif;
	line-height: 200%;
	background: #fff
}

body,ul,h1,h2,form,p,dl,dt,dd,p,form {
	margin: 0;
	padding: 0;
	list-style: none
}

img {
	border: none
}

a {
	color: #00c;
	margin: 0px 3px;
	text-decoration: none
}

a:hover {
	color: #FF0508;
	text-decoration: underline
}

.c6 {
	color: #585858
}

#logo,#qianm,#postgg {
	background: url(http://pic2.58.com/ui6/www/wpic.gif?2011425) no-repeat
}

#header {
	width: 100%;
	border-bottom: 2px solid #ff7200
}

#headerinside {
	height: 240px;
	position: relative;
	width: 990px;
	margin: 0 auto;
	z-index: 10000
}

#logo {
	background-position: 9px 63px;
	position: absolute;
	left: 20px;
	top: 97px;
	width: 230px;
	padding-bottom: 22px;
}

#postgg {
	background-position: 0 -54px;
	width: 443px;
	height: 105px;
	position: absolute;
	right: -50px;
	bottom: 0;
	line-height: 26px;
	padding: 105px 40px 0 60px;
	text-align: left;
	z-index: 666
}

#qianm {
	background-position: -474px 0;
	width: 70px;
	height: 50px;
	position: absolute;
	left: 220px;
	bottom: 10px;
	display: inline-block;
	z-index: 999
}

#flashimg {
	position: absolute;
	width: 300px;
	height: 240px;
	overflow: hidden;
	left: 292px;
	bottom: 0;
	z-index: 662
}

#flashimg img {
	position: absolute;
	left: 0px;
	bottom: 0;
	background: #fff
}

.gray {
	color: #999
}

.lr {
	color: #f00;
	text-decoration: underline
}

.ml {
	margin-left: 50px
}

.c {
	clear: both
}

.co16 {
	clear: #0000cc;
	font-size: 16px
}

.index_bo {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden
}

.topcity {
	background: url(http://pic2.58.com/ui6/www/wsear.gif?2011425) repeat-x;
	width: 100%;
	margin-top: 1px;
}

.topcity .index_bo {
	border-bottom: 1px solid #ccc;
	padding: 18px 20px;
	width: 970px;
	padding-right: 0
}

.topcity a {
	margin-right: 8px;
	text-decoration: underline
}

#citysear {
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	padding-top: 10px;
	white-space: nowrap;
}

#clist {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0px 10px 20px;
	clear: both;
	overflow: hidden;
	zoom: 1
}

#clist dt {
	float: left;
	width: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	clear: both;
	font-weight: bold;
	margin: 0px;
	padding: 0px
}

#clist dd {
	float: left;
	width: 930px;
	margin-left: 0px;
	padding: 0px;
	margin-bottom: 10px
}

#clist dd a {
	font-size: 13px;
	margin-right: 14px;
	white-space: nowrap
}

.footer {
	width: 990px;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #ccc;
	padding: 15px 0px;
	font-size: 12px;
	line-height: 180%;
	overflow: hidden
}

.footer a {
	font-size: 12px;
	color: #666;
	text-decoration: underline
}

#changcityForm {
	display: inline
}

.cityinput {
	width: 167px
}

.tooltip {
	border: 1px solid #ccc;
	background: #fff;
	margin: -2px 0 0 1px;
	margin: -2px 0 0 0\0;
	_margin: -1px 0 0 0px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.tooltip {
		margin: 0
	}
}

.tooltip li {
	padding: 0 5px;
	overflow: hidden;
	zoom: 1
}

.tooltip li a {
	color: #666;
	text-decoration: none
}

.tooltip li a b {
	color: #002cad
}

.tooltip li .tool_r {
	float: right;
	color: #090;
	font-size: 11px
}

.tooltip li.selected a b,.tooltip li.selected a,.tooltip li.selected .tool_r
	{
	color: #fff
}

.tooltip li.selected,.tag_options li.open_hover {
	background: #FD7A0E;
	color: #FFF
}

#tooltipdiv2 {
	width: 170px;
	font-size: 12px;
	text-align: left
}
</style>

	</head>

	<body>

		<div id="header">
			<div id="headerinside">
				<a href="http://www.58.com"><img
						src="http://pic2.58.com/ui6/www/logo.gif?2011425" id="logo" /> </a>

				<div id="postgg">
					免费发布/查询 租房、 二手房、招聘求职、二手车、二手家电、
					<br />
					宠物买卖、 家政保洁、今日团购 等本地生活信息。
				</div>
				<span id="qianm"></span>

				<div id="flashimg">
					<img src="http://pic2.58.com/ui6/www/1.gif?20114251846" />
					<img src="http://pic2.58.com/ui6/www/2.gif?20114251846" />
				</div>

			</div>
		</div>

		<div class="topcity">

			<div class="index_bo">

				<span class="gray ml">热门城市：</span><a href="<c:url value="/?province_id=1" />"
					onclick="co('bj')"><b>北京</b> </a><a href="<c:url value="/?province_id=${province.id}" />"
					onclick="co('sh')"><b>上海</b> </a><a href="http://gz.58.com/"
					onclick="co('gz')"><b>广州</b> </a><a href="http://sz.58.com/"
					onclick="co('sz')"><b>深圳</b> </a><a href="http://hz.58.com/"
					onclick="co('hz')"><b>杭州</b> </a><a href="http://nj.58.com/"
					onclick="co('nj')"><b>南京</b> </a><a href="http://tj.58.com/"
					onclick="co('tj')"><b>天津</b> </a><a href="http://wh.58.com/"
					onclick="co('wh')"><b>武汉</b> </a>
				<div class="c"></div>



			</div>
		</div>

		<div class="index_bo">

			<dl id="clist">



				<c:forEach items="${web_constants.provinces}" var="province">
					
					 
					<dd>
						<a href="<c:url value="/?province_id=${province.id}" />"  >${province.name} </a>
					</dd>
				</c:forEach>








			</dl>

		</div>
		<div class="c"></div>

		<div class="footer">
			北京市公安局朝阳分局备案编号:1101050809 &nbsp; &nbsp; &copy; 58.com
			<br />
			<a href="http://www.miibeian.gov.cn/">京ICP备10012705号-2</a><a
				href='about'>关于我们 </a>
		</div>




	</body>
</html>